<!DOCTYPE html>
<html lang="pt-BR"><head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="theme-color" content="#438EB9">
        <title><?php echo (isset($titulo)) ? $titulo : '' ?></title>
        <base href="<?php echo base_url(); ?>">
        <!--[if lt IE 9]>
        <script src="./public_html/js/css3-mediaqueries.js"></script>
        <![endif]-->  
        <link href="./favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
        <?php echo (isset($arquivosJS)) ? add_js($arquivosJS) : ''; ?>
        <?php echo (isset($arquivosCSS)) ? add_css($arquivosCSS) : ''; ?>
    </head>
    <body>
        <div id="header"> 
            <div>
                <a id="logo" href="./" title="Voltar para o início">
                    <img src="./public_html/imagens/logo.png" alt="Voltar para o início"/>
                </a>
            </div>
            <div class="top_center">&nbsp;</div>
            <div class="top_right">
                <div id="navbar" class="navbar">
                    <div class="navbar-buttons navbar-header pull-right" role="navigation">
                        <ul class="nav sonic-nav">
                            <li class="grey">
                                <a data-toggle="dropdown" class="dropdown-toggle config" href="#">
                                    <i class="sonic-icon icon-cogs"></i>
                                    <span class="badge badge-config">
                                        <i class="sonic-icon icon-caret-down"></i>
                                    </span>
                                </a>

                                <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                                    <li class="dropdown-header">
                                        <i class="sonic-icon icon-cogs"></i>
                                        Configurações de ambiente
                                    </li>
                                    <li>
                                        <a href="#" title="Clique para alterar contexto">
                                            <div class="clearfix">
                                                <span class="pull-left">Contexto:</span>
                                                <span style="margin-right: 5px;" id="ctx-ativo" class="pull-right">N/A</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="grey">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                    <i class="sonic-icon icon-bell-alt icon-animated-bell"></i>
                                    <span id="evtCount" class="badge badge-grey">0</span>
                                </a>
                                <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                                    <li class="dropdown-header">
                                        <i class="sonic-icon icon-warning-sign"></i>
                                        <span class="countEvt">0</span> Notificações
                                    </li>
                                    <li class="dropdown-content sonic-scroll scroll-active" style="position: relative;">
                                        <div class="scroll-track" style="display: block;">
                                            <div class="scroll-bar"></div>     
                                        </div><div class="scroll-content" style="max-height: 200px;">
                                            <ul id="lsAllEvt" class="dropdown-menu dropdown-navbar"></ul>
                                        </div>
                                    </li>
                                </ul>
                            </li>

                            <li class="grey">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                    <i class="sonic-icon icon-envelope msgIcon"></i>
                                    <span id="rqrCount" class="badge badge-grey">0</span>
                                </a>

                                <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                                    <li class="dropdown-header">
                                        <i class="sonic-icon icon-envelope"></i>
                                        <span class="countRq">0</span> Mensagens
                                    </li>

                                    <li class="dropdown-content sonic-scroll scroll-active" style="position: relative;">
                                        <div class="scroll-track" style="display: block;">
                                            <div class="scroll-bar"></div>     
                                        </div><div class="scroll-content" style="max-height: 200px;">
                                            <ul id="lsAllRqr" class="dropdown-menu dropdown-navbar"></ul>
                                        </div>
                                    </li>
                                </ul>
                            </li>

                            <li class="grey">
                                <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                    <img class="nav-user-photo" 
                                         src="./public_html/imagens/avatar/<?= $this->session->userdata('ft_usuario') ?>" 
                                         title="<?= $this->session->userdata('no_pessoa') ?>">
                                    <span class="user-info">
                                        <small>Bem vindo,</small>
                                        <?= no_social($this->session->userdata('no_pessoa')) ?>
                                    </span>

                                    <i style="opacity: 1; color: #FFF;" class="sonic-icon icon-caret-down"></i>
                                </a>

                                <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#">
                                            <i class="sonic-icon icon-cog"></i>
                                            Configurações
                                        </a>
                                    </li>

                                    <li>
                                        <a href="./usuario/perfil/">
                                            <i class="sonic-icon icon-user"></i>
                                            Meu perfil
                                        </a>
                                    </li>

                                    <li class="divider"></li>

                                    <li>
                                        <a href="/usuario/logout">
                                            <i class="sonic-icon icon-off"></i>
                                            Sair
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="body-load" style="position: fixed;left: 0; top: 0; height: 100%; width: 100%; background: #fff; 
             z-index: 99999; font-family: Arial, sans-serif">&nbsp;</div>